#success{
    position: relative;
    height:100%;
    .apply{
        background:white; 
        padding-top: 1.44rem;
        border:1px solid #e6e6e6;
        .line{
            margin:0 auto;
            img{
                width:1rem;
                height:1rem;
                display: block;
                margin:0 auto;
            }
            .text{
                font-size:.3rem;
                color:#9948c3;
                margin-top:.48rem;
                text-align:center;
            }
        }
        .addBtn{
            width:3.5rem;
            height:.74rem;
            color:#ffffff;
            background:#a965cd;
            border-radius:.2rem; 
            margin:0 auto;
            font-size:.3rem;
            display: block;
            margin-top: .76rem;
            margin-bottom: .9rem;  
        }
    }
    .yes{
        display:flex;
        width:100%;
        justify-content: space-between;
        border-bottom:1px solid #e6e6e6;
        line-height:.9rem;
        background:white; 
        .one{
           
            li{
                font-size:.28rem;
                color:#323232; 
                margin-left: .24rem
            }
        }
        .two{
            margin-right:.24rem;
            .num{
                font-size :0.24rem;
                color:#969696;
                margin-left:.2rem;
                margin-right:.2rem;
                line-height:.85rem;
            }
            li{
                float:left;
                img{
                    display: block;
                    margin-top: .2rem;
                    width:.4rem;
                    height:.4rem;
                }
            }
        }
        .add{
            font-size: .28rem;
            margin-right: .24rem;
           
        }
        .hidden{
            font-size: .28rem;
            margin-right: .24rem;
            width: 3.8rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: right;
        }
        .name{
            font-size:.28rem;
            color:#323232;
            margin-left:.24rem;
        }   
    }
    section{
        
        background: #f6f6f6;
        margin: 0 auto;
        overflow: hidden;
        
      }
      .flo-l{float: left;}
      .flo-r{float: right;}
      .newProductList{
        padding: .2rem 0 .4rem;
        margin-top: .2rem;
        text-align: center;
        font-size: .28rem;
        width: 43%;
        background: #FFF;
        margin-left: 0.2rem;
        padding-right: .2rem;
        dt{
          line-height: .45rem;
          display: block;
          margin: .1rem auto 0;
          width: 90%;
          font-size: .1rem;
        }
        img{
          width: 3.16rem;
          height: 3.16rem;
          border-radius: .08rem;
        }
        .priceColor{
          color: #9948c3;
        }
        footer{
          width: 90%;
          margin:.2rem auto 0;
          overflow: hidden;
          div{
            overflow: hidden;
          }
          div span:nth-of-type(1){
            font-size: .2rem;
          }
          div span:nth-of-type(2){
  
          }
          div span:nth-of-type(3){
            color: #969696;
            font-size: .25rem;
          }
        }
      }
      .opactive{
          background:rgba(0,0,0,.84);
          width:100%;
          height:100%;
          position:absolute;
          top:0;
          display: block;
      }
      .contexts{
            width:6rem;
            height:6.1rem;
            background:url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/newOrder/redenvelope_c.png");
            background-size:100% 100%;
            text-align: center;
            position: absolute; 
            top:9%;
            left: 10%;
            .icon{
              width: 1.2rem;
              height: 1.2rem;
              border-radius: 50%;
              margin: 0 auto;
              margin-top: 1.1rem;
              display: block;
            }
            .item{
              font-size: .36rem;
              color: #fdee55;
              margin-top: .45rem;
            }
            p{
                font-size:.28rem;
                color:#fdee55;
            }
            .btn{
              width: 3.58rem;
              height: .8rem;
              border-radius: .2rem;
              background: #ffd71d;
              color: #e83c39;
              font-weight: 700;
              display: block;
              margin: 0 auto;
              margin-top: .36rem;
            }
      }
    .num{
        background:url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/newOrder/star_three.png");
        background-size:100% 100%;
        width:5.2rem;
        height:.94rem;
        position: absolute; 
        top:13%;
        left: 15%;
        text-align:center;
        p{
            font-size:.3rem;
            color:#ffffff;
            span{
                color:#9948c3;
            }
        }
    }
  .arrow{
    img{
      width: 1.68rem;
      height: 1.9rem;
      position: fixed;
      right: .34rem;
      top: 0;
      z-index: 99;
    }
  }
  .styleX{
    img{
      position: fixed;
      top: 7.8rem;
      left: 45%;
      width: 0.65rem;
      height: 0.65rem;
      z-index: 99;
    }
  }
}